<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>华为商城 购物车</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/cart.css">
    <link rel="stylesheet" href="../css/nav_footer.css">
    <link rel="stylesheet" href="../css/swiper-bundle.css">
</head>

<body>
    <nav>
        <div class="main flex flex-jb">
            <div class="nav-l flex">
                <a href="javascript:;">首页</a>
                <a href="javascript:;">华为官网</a>
                <a href="javascript:;">花粉俱乐部</a>
                <a href="javascript:;">V码(优购码)</a>
                <a href="javascript:;">企业购</a>
                <a href="javascript:;">Select Region</a>
                <div class="f-more-link">
                    <a href="javascript:;">更多精彩</a>
                    <span class="iconfont icon-jiantou-copy-copy icon-jiantou-copy-copy-top"></span>
                    <span class="iconfont icon-arrow-left-copy-copy icon-arrow-left-copy-copy-top"></span>
                    <ul class="more-link-ul">
                        <li>
                            <a href="javascipt:;">EMUI</a>
                        </li>
                        <li>
                            <a href="javascipt:;">应用市场</a>
                        </li>
                        <li>
                            <a href="javascipt:;">华为终端云空间</a>
                        </li>
                        <li>
                            <a href="javascipt:;">开发者联盟</a>
                        </li>
                    </ul>
                </div>

            </div>
            <div class="nav-r">
                <a href="javascript:;">请登录</a>
                <a href="javascript:;">注册 |</a>
                <a href="javascript:;">我的订单 |</a>
                <a href="javascript:;">客户服务 |</a>
                <a href="javascript:;">网站导航 |</a>
                <a href="javascript:;">手机版 |</a>
                <a href="javascript:;">购物车</a>
            </div>
        </div>
    </nav>
    <div class="main">
        <div class="cart-one">
            <ul class="header">
                <li>
                    <input type="checkbox" class="all">
                </li>
                <li>全选</li>
                <li>商品</li>
                <li>单价</li>
                <li>数量</li>
                <li>小计</li>
                <li>操作</li>
            </ul>
        </div>
        <ul class="flex cart-goods">
            <li> <input type="checkbox" class="all"></li>
            <li><img src="../img/rec11.png" alt=""></li>
            <li>
                <p>【有线充版】HUAWEI FreeBuds Pro 真无线耳机（冰霜银）主动降噪 人声透传 快充长续航</p>
                <p>冰霜银 有线充版</p>
                <p>分期免息</p>
            </li>
            <li>&yen;1099.00</li>
            <li class="number-count">
                <div>
                    <a href="###">-</a> <input type="text" value="1"> <a href="###">+</a>
                </div>
            </li>
            <li>&yen;1099.00</li>
            <li>删除</li>
        </ul>
        <ul class="flex cart-goods">
            <li> <input type="checkbox" class="all"></li>
            <li><img src="../img/rec11.png" alt=""></li>
            <li>
                <p>【有线充版】HUAWEI FreeBuds Pro 真无线耳机（冰霜银）主动降噪 人声透传 快充长续航</p>
                <p>冰霜银 有线充版</p>
                <p>分期免息</p>
            </li>
            <li>&yen;1099.00</li>
            <li class="number-count">
                <div>
                    <a href="###">-</a> <input type="text" value="1"> <a href="###">+</a>
                </div>
            </li>
            <li>&yen;1099.00</li>
            <li>删除</li>
        </ul>
        <ul class="flex cart-goods">
            <li> <input type="checkbox" class="all"></li>
            <li><img src="../img/rec11.png" alt=""></li>
            <li>
                <p>【有线充版】HUAWEI FreeBuds Pro 真无线耳机（冰霜银）主动降噪 人声透传 快充长续航</p>
                <p>冰霜银 有线充版</p>
                <p>分期免息</p>
            </li>
            <li>&yen;1099.00</li>
            <li class="number-count">
                <div>
                    <a href="###">-</a> <input type="text" value="1"> <a href="###">+</a>
                </div>
            </li>
            <li>&yen;1099.00</li>
            <li>删除</li>
        </ul>
        <ul class="flex cart-goods">
            <li> <input type="checkbox" class="all"></li>
            <li><img src="../img/rec11.png" alt=""></li>
            <li>
                <p>【有线充版】HUAWEI FreeBuds Pro 真无线耳机（冰霜银）主动降噪 人声透传 快充长续航</p>
                <p>冰霜银 有线充版</p>
                <p>分期免息</p>
            </li>
            <li>&yen;1099.00</li>
            <li class="number-count">
                <div>
                    <a href="###">-</a> <input type="text" value="1"> <a href="###">+</a>
                </div>
            </li>
            <li>&yen;1099.00</li>
            <li>删除</li>
        </ul>
        <ul class="flex cost-down">
            <li><input type="checkbox"></li>
            <li>全选</li>
            <li>删除</li>
            <li>
                <div>总计：</div>
                <div>已选择 3 件商品，优惠：&yen;0.00</div>
            </li>
            <li>？</li>
            <li>
                <button class="submit">立即结算</button>
            </li>
        </ul>
        <p class="rec-hot-sell">热销推荐</p>
        <div class="swiper-container main" id="swiper2">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <a href="javascript:;">
                        <div><img src="../img/rec1.png" alt=""></div>
                        <div>华为智慧屏 55英寸</div>
                        <div>&yen;4299</div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="javascript:;">
                        <div><img src="../img/rec2.png" alt=""></div>
                        <div>华为手环 B6 运动版</div>
                        <div>&yen;949</div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="javascript:;">
                        <div><img src="../img/rec3.png" alt=""></div>
                        <div>FreeLace Pro</div>
                        <div>&yen;599</div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="javascript:;">
                        <div><img src="../img/rec1.png" alt=""></div>
                        <div>华为智慧屏 55英寸</div>
                        <div>&yen;4299</div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="javascript:;">
                        <div><img src="../img/rec5.png" alt=""></div>
                        <div>华为儿童手表 3 Pro</div>
                        <div>&yen;698</div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="javascript:;">
                        <div><img src="../img/rec1.png" alt=""></div>
                        <div>华为智慧屏 55英寸</div>
                        <div>&yen;4299</div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="javascript:;">
                        <div><img src="../img/rec1.png" alt=""></div>
                        <div>华为智慧屏 55英寸</div>
                        <div>&yen;4299</div>
                    </a>
                </div>
            </div>
            <!-- Add Arrows -->
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>
    </div>
    <footer>
        <div class="main">
            <div class="footer-top flex flex-je">
                <p><span></span>百强企业 品质保证</p>
                <p><span></span>7天退货 15天换货</p>
                <p><span></span>48元起免运费</p>
                <p><span></span>2000家服务店 全国联保</p>
            </div>
            <div class="footer-content flex flex-jb">
                <div class="footer-content-l flex">
                    <ul>
                        <li>购物相关</li>
                        <li><a href="javascipt:;">购物指南</a></li>
                        <li><a href="javascipt:;">配送方式</a></li>
                        <li><a href="javascipt:;">支付方式</a></li>
                        <li><a href="javascipt:;">常见问题</a></li>
                    </ul>
                    <ul>
                        <li>保修与退换货</li>
                        <li><a href="javascipt:;">保修政策</a></li>
                        <li><a href="javascipt:;">退换货政策</a></li>
                        <li><a href="javascipt:;">保修状态查询</a></li>
                        <li><a href="javascipt:;">配件防伪查询</a></li>
                    </ul>
                    <ul>
                        <li>维修与技术支持</li>
                        <li><a href="javascipt:;">服务店</a></li>
                        <li><a href="javascipt:;">预约维修</a></li>
                        <li><a href="javascipt:;">手机寄修</a></li>
                        <li><a href="javascipt:;">备件价格查询</a></li>
                        <li><a href="javascipt:;">上门服务</a></li>
                    </ul>
                    <ul>
                        <li>特色服务</li>
                        <li><a href="javascipt:;">防伪查询</a></li>
                        <li><a href="javascipt:;">补购保障</a></li>
                        <li><a href="javascipt:;">以旧换新</a></li>
                        <li><a href="javascipt:;">礼品包装</a></li>
                    </ul>
                    <ul>
                        <li>关于我们</li>
                        <li><a href="javascipt:;">公司介绍</a></li>
                        <li><a href="javascipt:;">华为商城简介</a></li>
                        <li><a href="javascipt:;">华为零售店</a></li>
                        <li><a href="javascipt:;">商家中心</a></li>
                        <li><a href="javascipt:;">意见反馈</a></li>
                    </ul>
                    <ul>
                        <li>友情链接</li>
                        <li><a href="javascipt:;">华为集团</a></li>
                        <li><a href="javascipt:;">华为CBG官网</a></li>
                        <li><a href="javascipt:;">花粉俱乐部</a></li>
                        <li><a href="javascipt:;">华为云</a></li>
                        <li><a href="javascipt:;">华为应用市场</a></li>
                    </ul>
                </div>
                <div class="footer-content-r">
                    <p>950805</p>
                    <p>7x24小时客服热线（仅收市话费）</p>
                    <div class="userService-f">
                        在线客服
                    </div>
                    <ul class="focus flex">
                        <li>
                            关注Vmall：
                        </li>
                        <li>
                            <div>
                                <img src="../img/O3KMTpn7HHJrc3oZjphy.png" alt="">
                            </div>
                        </li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
            </div>
            <div class="footer-bottom">
                <div class="footer-bottom-l">
                    <div class="v-mall-footer">
                        <a href="javascipt:;">
                            <img src="../img/footer2.png" alt="">
                        </a>
                    </div>
                    <ul class="footer-bottom-l-first flex">
                        <li>
                            <a href="javascript:;">华为集团 |</a>
                        </li>
                        <li>
                            <a href="javascript:;">&nbsp;华为CBG官网 |</a>
                        </li>
                        <li>
                            <a href="javascript:;">&nbsp;花粉俱乐部 |</a>
                        </li>
                        <li>
                            <a href="javascript:;">&nbsp;华为应用市场 |</a>
                        </li>
                        <li>
                            <a href="javascript:;">&nbsp;EMUI |</a>
                        </li>
                        <li>
                            <a href="javascript:;">&nbsp;华为终端云空间 |</a>
                        </li>
                        <li>
                            <a href="javascript:;">&nbsp;开发者联盟 |</a>
                        </li>
                        <li>
                            <a href="javascript:;">&nbsp;华为商城手机版 |</a>
                        </li>
                        <li>
                            <a href="javascript:;">&nbsp;网站地图</a>
                        </li>
                    </ul>
                    <ul class="flex">
                        <li>
                            <a href="javascript:;">隐私声明</a>
                        </li>
                        <li>
                            <a href="javascript:;">&nbsp;服务协议</a>
                        </li>
                        <li>
                            <a href="javascript:;">&nbsp;Cookies</a>
                        </li>
                        <li>
                            Copyright © 2012-2021 华为终端有限公司 版权所有
                        </li>
                        <li>
                            <a href="javascript:;">粤ICP备19015064号 |</a>
                        </li>
                        <li>
                            <a href="javascript:;">粤公网安备 44190002003939号</a>
                        </li>
                    </ul>
                    <p>
                        增值电信业务经营许可证：粤B2-20190762|备案主体编号：44201919072182|粤新出网备（2021）2号
                    </p>
                    <div>
                        <a href="javascript:;">互联网药品信息服务资格证（粤）-非经营性-2020-0102 |</a>
                        <span>粤东食药监械经营备 20203930</span>
                    </div>
                    <div class="footer-bottom-r">
                        <a href="javascipt:;">
                            <img src="../img/footer1.png" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </footer>
</body>
<script src="../js/swiper-bundle.js"></script>
<script src="../js/jquery.js"></script>
<script src="../js/cart.js"></script>

</html>